<template>
	<view id="page-scheme">
		<uni-list>
			<uni-list-item 
				:title="item.plan" 
				:note="item.distance"
				:show-extra-icon="true" 
				iconType="ali"
				:extra-icon="{color: '#4cd964',size: '22',type: 'e630'}"
				:show-arrow="false"
				v-for="(item,index) in transferScheme" 
				:key="index" 
				@click="description(item)"
			>
			</uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	import {
		uniList,
		uniListItem
	} from '@dcloudio/uni-ui'
	import { createNamespacedHelpers } from 'vuex'
	const { mapState, mapActions,mapMutations } = createNamespacedHelpers('transfer')
	export default {
		components:{uniList,uniListItem},
		data() {
			return {
				
			};
		},
		computed:{
			...mapState(['transferScheme'])
		},
		methods:{
			...mapMutations(['SET_SCHEME_DESCRIPTION']),
			description(item){
				console.log(item)
				this.SET_SCHEME_DESCRIPTION(item.storkelist)  
				uni.navigateTo({
					url:'../transfer-description/transfer-description'
				});
			}
		}
	}
</script>

<style lang="scss">
#page-scheme{
	width: 100%;
}
</style>
